<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Aficionado - home page</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/bootstrap-responsive.css" rel="stylesheet">
    <style type="text/css">
      body {
        padding-top: 20px;
        padding-bottom: 40px;
      }


	.aficionado-content{
		padding:5px;
	}

	/*
	 * Small Bootstrap hack to disable scrolling on widgets
	 */
	.modal-body{
		overflow-y: none !important;
	}

	.bura-admin-icon img{
		float:left;
	}	

	.bura-admin-icon{
		min-height:70px !important;
		text-align:center;
		padding:5px;
		padding-top:10px;
		cursor:pointer;
border-radius: 4px 4px 4px 4px;
	}

	.bura-admin-icon:hover{
background-color: #D9EDF7;
    border-color: #BCE8F1;
    color: #3A87AD;
	}


    </style>
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
    <![endif]-->
  </head>

  <body>

    <div class="container-fluid">
	<div class="row-fluid">
		<div class="span12">
			<h1>{WEB_NAME}</h1>
			<h2>{WEB_SLOGAN}</h2>
		</div>
	</div>
	<div class="row-fluid">
		<div class="span12">
  <!-- NAVBAR
    ================================================== -->
    <div class="navbar-wrapper">
      <!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. -->
      <div class="container">


    <div class="row-fluid">
		<div class="span12">
<ul class="nav nav-tabs">
              <li class="active"><a href="#">General</a></li>
              <li><a href="#">Installed Apps</a></li>
              <li><a href="#">Pending</a></li>
              <li><a href="#">Goodies <small><strong>(ßeta)</strong></small></a></li>

            </ul>
		</div>
    </div>
    <div class="row-fluid">
		<div class="span10">
    <div class="row-fluid">
	    <div class="span10 aficionado-content">
			<h2>General Settings</h2>
	    </div>
    </div>
    <div class="row-fluid">
		<div class="span2 bura-admin-icon"><img src="img/bura/groups.png" />Groups<br/><small>Manage groups</small></div>
		<div class="span2 bura-admin-icon"><img src="img/bura/feeds.png" />Feeds<br/><small>RSS Manager</small></div>
		<div class="span2 bura-admin-icon"><img src="img/bura/menu-editor.png" />Menus<br/><small>Menu editor</small></div>
		<div class="span2 bura-admin-icon"><img src="img/bura/language.png" />Language</div>
		<div class="span2 bura-admin-icon"><img src="img/bura/archive.png" />Pacman<br/><small>Test yourself!</small></div>
    </div>
    <div class="row-fluid">
	    <div class="span10 aficionado-content">
			<h2>Installed Apps</h2>
	    </div>
    </div>
    <div class="row-fluid">
		<div class="span2 bura-admin-icon"><img src="img/bura/users.png" />Users<br/><small>Manage users</small></div>
		<div class="span2 bura-admin-icon"><img src="img/bura/blog.png" />Blog<br/><small>Drop a line</small></div>
		<div class="span2 bura-admin-icon"><img src="img/bura/search.png" />Search<br/><small>Search engine</small></div>
		<div class="span2 bura-admin-icon"><img src="img/bura/statistics.png" />Statistics</div>
    </div>
    <div class="row-fluid">
	    <div class="span10 aficionado-content">
			<h2>Goodies</h2>
	    </div>
    </div>
    <div class="row-fluid">
		<div class="span2 bura-admin-icon"><img src="img/bura/lab.png" />Lab</div>
		<div class="span2 bura-admin-icon"><img src="img/bura/jetpack.png" />Jetpack</div>
		<div class="span2 bura-admin-icon"><img src="img/bura/devel-tools.png" />Dev Tools</div>
    </div>

	</div>
	</div>
    </div>
    <div class="row-fluid" align="center">
	<div class="span12">This program is Free Software</div>
    </div>

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/jquery.js"></script>
    <script type="text/javascript" src="js/bootstrap.js"></script>

  </body>
</html>

